<template>
	<div>
		<div>我是文档{{curPage}}</div>
		<div>我是文档{{curPage}}</div>
		<div>我是文档{{curPage}}</div>
		<div>我是文档{{curPage}}</div>
		<div>我是文档{{curPage}}</div>
		<div>我是文档{{curPage}}</div>
		<div>我是文档{{curPage}}</div>
		<div class="block">
		  <el-pagination
		    layout="prev, pager, next"
		    :total="1000"
			:current-page="curPage"
			@current-change="pageChange"
			>
		  </el-pagination>
		</div>
	</div>
</template>

<script>
	export default{
		data() {
			return{
				curPage:1
			}
		},
		methods:{
			pageChange(e){
				this.curPage=e
			}
		}
	}
</script>

<style>
	
	.block{
		margin-top: 20px;
	}
</style>